<div class="row padding-left">
    <div class="col-md-2 padding-r-0 margin-top">
        <div class=" border-radius ">
            <div class="margin-xs-r  treeview attendance-staff">
                <ul class="list-group text-center border-radius">
                    <!--  -->
                    <li class="list-group-item node-orgTree " v-for="(item,index) in parkingArea3dMapInfo.regions"
                        :key="index" @click="swatchParkingRegion(item)"
                        :class="{'vc-node-selected':parkingArea3dMapInfo.prId == item.prId}">
                        {{item.regionCode}}
                    </li>
                </ul>
            </div>

        </div>
        <div>
            <div class="flex justify-start">
                <div style="background-color: #FF0000; width: 60px;height: 30px;"></div>
                <div class="margin-left" style="line-height: 30px;">车位占用</div>
            </div>
            <div class="flex justify-start margin-top">
                <div style="background-color: #00FF00;width: 60px;height: 30px;"></div>
                <div class="margin-left" style="line-height: 30px;">车位空闲</div>
            </div>
            <div class="flex justify-start margin-top">
                <div style="background-color: #0000FF;width: 60px;height: 30px;" ></div>
                <div class="margin-left" style="line-height: 30px;">未知</div>
            </div>
        </div>
    </div>
    <div class="col-md-10">
        <div id="webgl-scene"></div>
    </div>
</div>